<div class="table-responsive">
    <table class="table table-striped b-t b-light">
        <thead>
        <tr>
            <th>单号</th>
            <th>选择时间</th>
            <th>桌号类型</th>
            <th>预定费用(元)</th>
            <th>支付方式</th>
            <th>预定人数</th>
            <th>联系信息</th>
            <th>预定类型</th>
            <th>备注</th>
            <th>状态</th>
            <th width="140" class="text-center">操作</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in list">
            <td>
                <span class="block">预约单号:{{item.bookingNumber}}</span>
                <span class="block">第三方交易编号:<p  ng-bind="item.transactionNumber==null?'-- --':item.transactionNumber" class="inline"></p></span>
            </td>
            <td>{{item.chooseTime}}</td>
            <td>{{item.tableTypeName}}</td>
            <td width="170">{{item.money|number:2}}</td>
            <td width="90"><span ng-bind="{0:'微信支付',1:'现金分',2:'收益分',3:'会员卡'}[item.payWay]"></span></td>
            <td width="220">{{item.number}}</td>
            <td class="h6">
                <span class="m-b-xs block">联系名称:{{item.linkmanName}}</span>
                <span class="m-b-xs block">联系性别:<p class="h6 inline" ng-bind="{0:'女',1:'男'}[item.linkmanSex]"></p></span>
                <span class="block">联系电话:{{item.linkmanMobilePhone}}</span>
            </td>
            <td><span ng-bind="{0:'只订桌',1:'预约点菜'}[item.bookingType]"></span></td>
            <td><span ng-bind="item.remark==null||item.remark==''?'-- --':item.remark"></span></td>
            <td class="h6">
                <span class="label bg-light" ng-if="item.status==0">未付款</span>
                <span class="label bg-primary" ng-if="item.status==1">待确认</span>
                <span class="label bg-success" ng-if="item.status==2">已完成</span>
                <span class="label bg-light" ng-if="item.status==3">已关闭</span>
            </td>
            <td width="140" class="text-left">
                <button class="btn btn-sm btn-success h6" ng-click="detailBooking(item.id)">查看</button>
                <button class="btn btn-sm btn-info h6" ng-click="confirmBooking(item.id)" ng-if="item.status==1">确认</button>
            </td>
        </tr>
        </tbody>
    </table>
    <div ng-if="list.length<=0 && !app.loading" class="padder-v text-center">
        <span class="h6">~未搜索到任何数据~</span>
    </div>
    <div>
        <circle-loading ng-if="app.loading"></circle-loading>
    </div>
</div>
<footer class="panel-footer">
    <div class="row">
        <div class="col-sm-offset-4 col-sm-4 text-center">
            <small class="text-muted inline m-t-sm m-b-sm">显示第 {{startRow}} 至 {{endRow}} 项结果，共 {{totalItems}} 项</small>
        </div>
        <div class="col-sm-4 text-right text-center-xs">
            <pagination boundary-links="true" total-items="totalItems" ng-model="page.currentPage"
                        ng-change="replacePage()" max-size="{{maxPageRow}}" class="pagination-sm m-t-none m-b"
                        previous-text="上一页" next-text="下一页"
                        first-text="首页" last-text="尾页"></pagination>
        </div>
    </div>
</footer>
